
<!Doctype html>
<html>
<head>
<meta charset="UTF-8">
<!-- 强制国内垃圾浏览器开启高速模式-->
<meta name="renderer" content="webkit">
<title>人员信息</title>
<link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css" >
<link rel="stylesheet" type="text/css" href="/css/ace.min.css" >
<link rel="stylesheet" type="text/css" href="/css/font-awesome.min.css" >
<link rel="stylesheet" type="text/css" href="/css/manager.css" >

<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
   <script type="text/javascript" src="js/bootstrap.min.js"></script>
     <script type="text/javascript" src="js/ace.min.js"></script>
</head>

<body class="no-skin">
<!-- 导航栏 -->
<div id="navbar" class="navbar navbard-default">
	<script type="text/javascript">
		try{ace.settings.check('navbar','fixed')}catch(e){}
	</script>

	<div class="navbar-container" id="navbar=container">
		<!-- #section:basics/sidebar.mobile.toggle -->
		<button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler">
			<span class="sr-only">Toggle sidebar</span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
		</button>

		<!-- /section:basics/sidebar.mobile.toggle -->
		<div class="navbar-header pull-left">
			<!-- #section:basics/navbar.layout.brand -->
			<a href="#" class="navbar-brand">
				<i class="fa fa-leaf"></i>
				<span id="title">人员信息管理</span>
			</a>
			<!-- #section:basics/navbar.layout.brand -->
		</div>
		<!-- /section:basics/sidebar.mobile.toggle -->
	</div><!-- /.navbar-container -->
</div>
<!-- 导航栏结束 -->

<!-- 主体部分 -->
<div class="main-container" id="main-container">
	<div id="sidebar" class="sidebar h-sidebar navbar-collapse collapse">
		<script type="text/javascript">
			try{ace.settings.check('sidebar','fixed')}catch(e){}
		</script>

		<ul class="nav nav-list" style="top:0px;">
			<li class="hover">
				<a href="people.html">
					<i class="menu-icon fa fa-user"></i>
					<span class="menu-text">人员管理</span>
				</a>

				<b class="arrow"></b>
			</li>

			<li class="hover hsub">
				<a href="#" class="dropdown-toggle">
					<i class="menu-icon fa fa-list"></i>
					<span class="menu-text">资产和物资管理</span>

					<b class="arrow fa fa-angle-down"></b>
				</a>

				<b class="arrow"></b>
					
				<ul class="submenu">
					<li class="hover">
						<a href="货物管理.html">
							<i class="menu-icon fa fa-caret-right"></i>
								货物信息
						</a>
						<b class="arrow"></b>
					</li>
					<li class="hover">
						<a href="物资信息.html">
							<i class="menu-icon fa fa-caret-right"></i>
								物资信息
						</a>
						<b class="arrow"></b>
					</li>
					<li class="hover">
						<a href="#">
							<i class="menu-icon fa fa-caret-right"></i>
								车辆信息
						</a>
						<b class="arrow"></b>
					</li>						
					<li class="hover">
						<a href="#">
							<i class="menu-icon fa fa-caret-right"></i>
								建筑物信息
						</a>
						<b class="arrow"></b>
					</li>
					<li class="hover">
						<a href="#">
							<i class="menu-icon fa fa-caret-right"></i>
								机电设备信息
						</a>
						<b class="arrow"></b>					
					</li>	
					<li class="hover">
						<a href="#">
							<i class="menu-icon fa fa-caret-right"></i>
								办公耗材信息
						</a>
						<b class="arrow"></b>
					</li>				
				</ul>
			</li>

			<li class="hover hsub">
				<a href="#" class="dropdown-toggle">
					<i class="menu-icon fa fa-truck"></i>
					<span class="menu-text">物流信息管理</span>

					<b class="arrow fa fa-angle-down"></b>
				</a>

				<b class="arrow"></b>
					
				<ul class="submenu">
					<li class="hover">
						<a href="承运商业务.html">
							<i class="menu-icon fa fa-caret-right"></i>
								承运商业务
						</a>
						<b class="arrow"></b>
					</li>				
					<li class="hover">
						<a href="运输任务管理.html">
							<i class="menu-icon fa fa-caret-right"></i>
								运输任务管理
						</a>
						<b class="arrow"></b>
					</li>
					<li class="hover">
						<a href="地址信息.html">
							<i class="menu-icon fa fa-caret-right"></i>
								地址信息管理
						</a>
						<b class="arrow"></b>
					</li>						
					<li class="hover">
						<a href="单车运营信息.html">
							<i class="menu-icon fa fa-caret-right"></i>
								单车运营记录
						</a>
						<b class="arrow"></b>
					</li>
					<li class="hover">
						<a href="铁路运输代办管理.html">
							<i class="menu-icon fa fa-caret-right"></i>
								铁路运输代办
						</a>
						<b class="arrow"></b>					
					</li>				
				</ul>
			</li>

			<li class="hover hsub">
				<a href="#" class="dropdown-toggle">
					<i class="menu-icon fa fa-globe"></i>
					<span class="menu-text">对外合作</span>
					<b class="arrow fa fa-angle-down"></b>
				</a>
				<b class="arrow"></b>

				<ul class="submenu">
					<li class="hover">
						<a href="#">
							<i class="menu-icon fa fa-caret-right"></i>
								公司简介
						</a>
						<b class="arrow"></b>
					</li>
					<li class="hover">
						<a href="#">
							<i class="menu-icon fa fa-caret-right"></i>
								信息交流平台
						</a>
						<b class="arrow"></b>
					</li>
					<li class="hover">
						<a href="#">
							<i class="menu-icon fa fa-caret-right"></i>
								销售和运输业务广告信息
						</a>
						<b class="arrow"></b>
					</li>										
				</ul>				
			</li>

			<li class="hover hsub">
				<a href="公司信息.html">
					<i class="menu-icon fa fa-building-o"></i>
					<span class="menu-text">公司信息</span>
				</a>

				<b class="arrow"></b>
			</li>

			<li class="hover hsub">
				<a href="#">
					<i class="menu-icon fa fa-rmb"></i>
					<span class="menu-text">财务信息</span>
				</a>
				<b class="arrow"></b>
				<ul class="submenu">
					<li class="hover">
						<a href="#">
							<i class="menu-icon fa fa-caret-right"></i>
								折旧信息
						</a>
						<b class="arrow"></b>
					</li>
					<li class="hover">
						<a href="#">
							<i class="menu-icon fa fa-caret-right"></i>
								物资购销
						</a>
						<b class="arrow"></b>
					</li>
					<li class="hover">
						<a href="#">
							<i class="menu-icon fa fa-caret-right"></i>
								车辆购销
						</a>
						<b class="arrow"></b>
					</li>
					<li class="hover">
						<a href="#">
							<i class="menu-icon fa fa-caret-right"></i>
								货物购销
						</a>
						<b class="arrow"></b>
					</li>												
					<li class="hover">
						<a href="#">
							<i class="menu-icon fa fa-caret-right"></i>
								建筑物出租
						</a>
						<b class="arrow"></b>
					</li>	
				</ul>				
			</li>

			<li class="hover hsub">
				<a href="#">
					<i class="menu-icon fa fa-bar-chart-o"></i>
					<span class="menu-text">数据报表</span>
				</a>
				<b class="arrow"></b>
			</li>

			<li class="hover hsub">
				<a href="#">
					<i class="menu-icon fa fa-tag"></i>
					<span class="menu-text">关于</span>
					<b class="arrow fa fa-angle-down"></b>
				</a>
				<b class="arrow"></b>
			</li>
		</ul> <!-- nav-list -->

		<!-- #section:basics/sidebar.layout.minimize -->
		<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
			<i class="ace-icon fa fa-angle-double-left" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
		</div>
		<!-- /section:basics/sidebar.layout.minimize -->
		<script type="text/javascript">
			try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
		</script>

	</div> <!-- sidebar -->

	<div class="col-xs-12">
		<h3 class="header smaller lighter blue">人员基本信息</h3>
		<div class="table-header">查询结果按时间先后顺序排列</div>
	

<div id="sample-table-2_wrapper" class="dataTables_wrapper form-inline" role="grid">
	<div class="row">
		<div class="col-xs-9">
			<div id="sample-table-2_length" class="dataTables_length">
				<label>显示
				<select size="1" name="sample-table-2_length" aria-controls="sample-table-2">
					<option value="10" selected="selected">10</option>
					<option value="25">25</option>
					<option value="50">50</option>
					<option value="100">100</option>
				</select>条记录
				</label>
			</div>
		</div>

		<div class="col-xs-3">
			<div class="dataTables_fitler" id="sample-table-2_filter">
				<label>
				<span class="fa-stack">
					<i class="fa fa-square fa-stack-2x"></i>
					<i class="fa fa-search fa-stack-1x fa-inverse"></i>
				</span>
				<input type="text" aria-controls="sample-table-2" style="height:28px;" placeholder="搜索">
				</label>
			</div>
		</div>
	</div> <!-- row -->

	<table id="sample-table-2" class="table table-striped table-bordered table-hover dataTable" aria-describedby="sample-table-2_info">
		<thead>
			<tr role="row">
				<th class="center sorting_disabled" role="columnheader" rowspan="1" colspan="1" aria-label="">
					<label class="position-relative">
						<input type="checkbox" class="ace">
						<span class="lbl"></span>
					</label>
				</th>

				<th class="sorting" role="columnheader" tabindex="0" aria-controls="sample-table-2" rowspan="1" colspan="1" aria-label="Domain:active to sort column ascending">
					人员编号
				</th>

				<th class="sorting" role="columnheader" tabindex="0" aria-controls="sample-table-2" rowspan="1" colspan="1" aria-label="Update: activate to sort column ascending">
					地域编号
				</th>

				<th class="sorting" role="columnheader" tabindex="0" aria-controls="sample-table-2" rowspan="1" colspan="1" aria-label="Update: activate to sort column ascending">
					开户行编号
				</th>

				<th class="sorting" role="columnheader" tabindex="0" aria-controls="sample-table-2" rowspan="1" colspan="1" aria-label="Update: activate to sort column ascending">
					登录帐号
				</th>

				<th class="sorting" role="columnheader" tabindex="0" aria-controls="sample-table-2" rowspan="1" colspan="1" aria-label="Update: activate to sort column ascending">
					登录密码
				</th>

				<th class="sorting" role="columnheader" tabindex="0" aria-controls="sample-table-2" rowspan="1" colspan="1" aria-label="Update: activate to sort column ascending">
					真实姓名
				</th>			

				<th class="sorting" role="columnheader" tabindex="0" aria-controls="sample-table-2" rowspan="1" colspan="1" aria-label="Update: activate to sort column ascending">
					联系方式
				</th>

				<th class="sorting" role="columnheader" tabindex="0" aria-controls="sample-table-2" rowspan="1" colspan="1" aria-label="Update: activate to sort column ascending">
					职位
				</th>

				<th class="sorting" role="columnheader" tabindex="0" aria-controls="sample-table-2" rowspan="1" colspan="1" aria-label="Update: activate to sort column ascending">
					状态
				</th>													

				<th class="hidden-480 sorting" role="columnheader" tabindex="0" aria-controls="sample-table-2" rowspan="1" colspan="1" aria-label="Status: activate to sort column ascending">操作</th>															
			</tr>
		</thead>

		<tbody role="alert" aria-live="polite" aria-relevant="all">
			<tr class="odd">
				<td class="center sorting_1">
					<label class="position-relative">
						<input type="checkbox" class="ace">
						<span class="lbl"></span>
					</label>
				</td>
				<td class="">??</td>
				<td class="">??</td>
				<td class="">??</td>
				<td class="">??</td>
				<td class="">??</td>
				<td class="">??</td>
				<td class="">??</td>
				<td class="">??</td>
				<td class="">??</td>									
				<td class="">
					<div class="hidden-sm hidden-xs action-buttons">
						<a class="blue" href="#">
							<i class="ace-icon fa fa-info-circle bigger-150"></i>
						</a>					
						<a class="red" href="#">
							<i class="ace-icon fa fa-plus bigger-150"></i>
						</a>					
						<a class="green" href="#">
							<i class="ace-icon fa fa-pencil bigger-150"></i>
						</a>
						<a class="red" href="#">
							<i class="ace-icon fa fa-trash-o bigger-150"></i>
						</a>
						<a class="orange" href="#">
							<i class="ace-icon fa fa-star bigger-150"></i>
						</a>												
					</div>
				</td>										
			</tr>
		</tbody>
	</table>

	<div class="row">
		<div class="col-xs-12">
			<div class="dataTables_paginate paging_bootstrap">
				<ul class="pagination">
					<li class="prev disabled">
						<a href="#">
							<i class="fa fa-angle-double-left"></i>
						</a>
					</li>

					<li class="prev disabled">
						<a href="#">
							<i class="fa fa-angle-left"></i>
						</a>
					</li>

					<li class="active">
						<a href="#">1</a>
					</li>

					<li>
						<a href="#">2</a>
					</li>

					<li>
						<a href="#">3</a>
					</li>	

					<li class="next">
						<a href="#">
							<i class="fa fa-angle-right"></i>
						</a>
					</li>

					<li class="next">
						<a href="#">
							<i class="fa fa-angle-double-right"></i>
						</a>
					</li>									
				</ul>
			</div>
		</div>
	</div>
</div> <!-- sample-table -->

</div> <!-- main-container -->
</body>

</html>